* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html,
body {
  font-family: 'PingFang SC', 'Helvetica Neue', Helvetica, Arial,
    'Hiragino Sans GB', 'Heiti SC', 'Microsoft YaHei', 'WenQuanYi Micro Hei',
    sans-serif;
  line-height: 1;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  background: $color-background;
  color: $color-text-common;
}

.relativeClass {
  position: relative;
}

.slide-enter-active,
.slide-leave-active {
  transition: all 0.3s linear;
}

.slide-enter-from,
.slide-leave-to {
  transform: translate3d(100%, 0, 0);
}
